.menu-common-con {
  background-color: $menu-common-bgcolor;
  display: none;
}

.menu-common-item {
  background-color: $menu-common-bgcolor;
  color: $menu-common-ftcolor;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  @include text-overflow();
  box-sizing: border-box;
  padding-right:30px ;
  >span{
    position: absolute;
    right: 0px;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    @include transition();
    &:hover{
      background-color: $warn-color;
      width: 40px;
    }
  }
  &:before{
    font-family: faceIcon;
   margin: 0px 14px 0px 12px;
  }
  &>span,&:before{
   @include opacity(0.6);
  }
  &:hover {
    background-color: $menu-common-bgcolor-hover;
    & > span, &:before{
      @include opacity(1);
    }
  }

}
